<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Case Study One</title>

  <!-- mobile responsive meta -->
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

  <!-- Slick Carousel -->
  <link rel="stylesheet" href="http://example.org/plugins/slick/slick.css" />
  <link rel="stylesheet" href="http://example.org/plugins/slick/slick-theme.css" />
  <!-- Font Awesome -->
  <link rel="stylesheet" href="http://example.org/plugins/font-awesome/css/font-awesome.min.css" />

  <!-- Magnific Popup -->
  <link rel="stylesheet" href="http://example.org/plugins/magnafic-popup/magnific-popup.css" />

  <!-- Stylesheets -->
  
  <link href="http://example.org/scss/style.min.css" rel="stylesheet" />

  <!--Favicon-->
  <link rel="shortcut icon" href="http://example.org/images/favicon.ico" type="image/x-icon" />
  <link rel="icon" href="http://example.org/images/favicon.png" type="image/x-icon" />
  
</head>

<body>
  <nav class="navbar navbar-expand-lg fixed-top">
  <div class="container">
    <a href="http://example.org/" class="navbar-brand">
      <img src="http://example.org/images/site-navigation/logo.png" alt="site-logo">
    </a>

    <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
      <ul class="nav navbar-nav main-navigation my-0 mx-auto">
        
        
        <li class="nav-item">
          <a href="http://example.org/https://fastnlp.readthedocs.io/zh/latest/user/tutorials.html"
            class="nav-link text-dark text-sm-center p-2 ">Tutorials</a>
        </li>
        
        <li class="nav-item">
          <a href="http://example.org/https://fastnlp.readthedocs.io/zh/latest/"
            class="nav-link text-dark text-sm-center p-2 ">Docs</a>
        </li>
        
        <li class="nav-item">
          <a href="http://example.org/https://fastnlp.readthedocs.io/zh/latest/user/quickstart.html"
            class="nav-link text-dark text-sm-center p-2 ">Quickstart</a>
        </li>
        
        <li class="nav-item">
          <a href="http://example.org/https://fastnlp.readthedocs.io/zh/latest/fastNLP.html"
            class="nav-link text-dark text-sm-center p-2 ">API</a>
        </li>
        
        <li class="nav-item">
          <a href="http://example.org//about"
            class="nav-link text-dark text-sm-center p-2 ">About Us</a>
        </li>
        
      </ul>
      <div class="navbar-nav">
        <a href="" class="btn btn-primary btn-zoom hire_button">从这里开始</a>
      </div>
    </div>
  </div>
</nav>
  <div id="content">
    

<section class="section case-details">
  <div class="svg-img">
    <img src="http://example.org/images/hero/figure-svg.svg" alt="" />
  </div>
  <div class="animate-shape">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
      <defs>
        <linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
          <stop offset="0" stop-color="#f1f6f9" />
          <stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
        </linearGradient>
      </defs>
      <g data-name="blob-shape (3)">
        <path class="blob" fill="url(#d)"
          d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
      </g>
    </svg>
  </div>
  <div class="animate-pattern">
    <img src="http://example.org/images/service/background-pattern.svg" alt="background-shape" />
  </div>
  <div class="container">
    <div class="row mb-5">
      <div class="col-lg-10 offset-lg-1 text-center">
        <div class="case-details-title">
          <h1>Case Study One</h1>
        </div>
        <p>
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor.
        </p>
        <div class="case-details-info">
          <div class="case-details-info-item">
            <h5 class="text-light">Client</h5>
            <p>Edward Furlong</p>
          </div>
          <div class="case-details-info-item">
            <h5>Service</h5>
            <p>Development, UX Design</p>
          </div>
          <div class="case-details-info-item">
            <h5>Date</h5>
            <p>July 13, 2020</p>
          </div>
        </div>
        <div class="row mb-5">
          <div class="col-lg-6">
            <div class="case-details-service">
              <h3>Challenge</h3>
              <p>
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
              </p>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="case-details-service">
              <h3>Solution</h3>
              <p>
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
              </p>
            </div>
          </div>
        </div>
        <div class="case-details-thumb mb-5">
          <img src="http://example.org/images/portfolio/portfolio-1.png" alt="case-details" />
        </div>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

      </div>
    </div>
    <div class="row">
      <div class="col-lg-10 offset-lg-1">
        <nav class="case-details-nav d-flex justify-content-between align-items-center">
          
          <div class="social">
            
            <ul class="unstyle-list big">
              <li>
                <a href=" https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2fexample.org%2fportfolio%2fcase-study-one%2f"><i
                    class="fa fa-facebook-official btn-zoom"></i></a>
              </li>
              <li>
                <a href="https://www.linkedin.com/sharing/share-offsite/?url=http%3a%2f%2fexample.org%2fportfolio%2fcase-study-one%2f"><i
                    class="fa fa-linkedin-square btn-zoom"></i></a>
              </li>
              <li>
                <a href="https://twitter.com/intent/tweet?&url=http%3a%2f%2fexample.org%2fportfolio%2fcase-study-one%2f"><i
                    class="fa fa-twitter-square btn-zoom"></i></a>
              </li>
            </ul>
          </div>
          
          <div class="next d-flex align-items-center">
            <div class=" content text-right">
              <span class="small">Next case</span>
              <h5 class="title">
                <a class="text-dark" href="http://example.org/portfolio/event-app-case-study/">Event App Case Study</a>
              </h5>
            </div>
            <div class="icon ml-3">
              <svg xmlns="http://www.w3.org/2000/svg" width="15.556" height="28.285" viewBox="0 0 15.556 28.285">
                <g data-name="Group 1244" fill="#2d2d2d">
                  <path data-name="Path 1456" d="M12.162 12.725L2.416 26.87l.978 1.41 9.746-14.138z" />
                  <path data-name="Path 1455" d="M2.416 1.415l9.743 14.141.975-1.414L3.39 0z" />
                </g>
              </svg>
            </div>
          </div>
          
        </nav>
      </div>
    </div>
  </div>
</section>



  </div>
  <section class="footer" id="contact">
	<div class="footer__background_shape">
		<svg viewBox="0 0 1920 79">
			<path d="M0 0h1920v79L0 0z" data-name="Path 1450" />
		</svg>
	</div>
	<div class="container">
		
		<div class="row footer__widget">
			<div class="col-lg-4">
				<div class="footer__widget_logo mb-5">
					<img src="http://example.org/images/contact/widget-logo.png" alt="widget-logo">
				</div>
			</div>
			<div class="col-lg-4">
				<div class="text-light footer__widget_sitemap mb-5">
					<h4 class="base-font">FastNLP生态</h4>
					<ul class="unstyle-list small">
						
						
						<li class="mb-2"><a class="text-light" href="http://example.org/about">FastNLP</a></li>
						
						<li class="mb-2"><a class="text-light" href="http://example.org/">FastHan</a></li>
						
						<li class="mb-2"><a class="text-light" href="http://example.org/">fitlog</a></li>
						
					</ul>
				</div>
			</div>
			<div class="col-lg-4">
				<div class="text-light footer__widget_address mb-5">
					<h4 class="base-font">Address</h4>
					
					<ul class="fa-ul small">
						<li class="mb-2"><a class="text-light" href="tel:"><span class="fa-li"><i
										class="fa fa-phone"></i></span></a></li>
						<li class="mb-2"><a class="text-light" href="mailto:hello@example.com"><span class="fa-li"><i
										class="fa fa-envelope"></i></span>hello@example.com</a></li>
						<li class="mb-2">
							<span class="fa-li"><i class="fa fa-map-marker"></i></span>上海市 杨浦区 复旦大学 计算机科学技术学院 复旦大学自然语言处理实验室</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row footer__footer">
			<div class="col-lg-6">
				<div class="footer__footer_copy text-light">
					<p>copyright © FNLP 2020 &amp; this theme from Portio 2020</p>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="footer__footer_social">
					<ul class="unstyle-list">
						
						
					</ul>
				</div>
			</div>
		</div>
	</div>
</section>
<script src="https://maps.googleapis.com/maps/api/js?key=&libraries=geometry"></script>
<script src="http://example.org/plugins/jQuery/jquery.min.js"></script>
<script src="http://example.org/plugins/bootstrap/bootstrap.min.js"></script>
<script src="http://example.org/plugins/slick/slick.min.js"></script>
<script src="http://example.org/plugins/slick/slick.min.js"></script>
<script src="http://example.org/plugins/waypoint/jquery.waypoints.min.js"></script>
<script src="http://example.org/plugins/magnafic-popup/jquery.magnific-popup.min.js"></script>
<script src="http://example.org/plugins/tweenmax/TweenMax.min.js"></script>
<script src="http://example.org/plugins/imagesloaded/imagesloaded.min.js"></script>
<script src="http://example.org/plugins/masonry/masonry.min.js"></script>

<script src="http://example.org/js/form-handler.min.js"></script>

<script src="http://example.org/js/script.min.js"></script>
</body>

</html>